<div id="banner">
    {{banner.content || '头像' }}
    <span id="back-arrow" ng-click="backward()" ></span>
</div>
<div id="config-portrait-widget" class="text-center">
    <canvas></canvas>
    <span class="btn btn-block btn-blue file-input-span" style="margin:20px auto 10px" ng-if="uploader.queue[0] == undefined ">
            <span>新的头像</span>
            <input type="file" nv-file-select="" uploader="uploader"  multiple />
    </span>
    <div ng-if="uploader.queue[0]">
        <div >
            <div  ng-thumb="{ file: uploader.queue[0]._file, height: 150 }"></div>
        </div>
        <div class="progress">
            <div class="progress-bar"  ng-style="{ 'width': uploader.queue[0].progress + '%' }"></div>
        </div>
        <div class="row">
            <div class="col-xs-6">
                <button type="button" class="btn btn-block btn-blue" ng-click="uploader.queue[0].upload()" ng-disabled="uploader.queue[0].isReady || uploader.queue[0].isUploading || uploader.queue[0].isSuccess">
                    <span class="glyphicon glyphicon-upload"></span> 上传
                </button>
            </div>

            <div class="col-xs-6">
                <button type="button" class="btn btn-block btn-danger" ng-click="remove()" style="border-radius: 0px">
                    <span class="glyphicon glyphicon-trash"></span> 取消
                </button>
            </div>
        </div>
    </div>

</div>
